// rollup.config.js 自动给每个包生成配置文件
// ! yarn add  rollup rollup-plugin-babel@latest @babel/preset-env @babel/preset-typescript -D -W
import fs from 'fs'
import path from 'path'
import json from '@rollup/plugin-json'
import vue from 'rollup-plugin-vue'
import postcss from 'rollup-plugin-postcss'
import { terser } from 'rollup-plugin-terser'
import { nodeResolve } from '@rollup/plugin-node-resolve'
import typescript from 'rollup-plugin-typescript2'
import commonjs from 'rollup-plugin-commonjs'
import filesize from 'rollup-plugin-filesize'
import replace from 'rollup-plugin-replace'
import babel from '@rollup/plugin-babel'
import buble from '@rollup/plugin-buble'

// NODE_ENV 现在是undefined，需要三方包 cross-env设置
const isDev = process.env.NODE_ENV !== 'production'

// 公共插件配置
const plugins = [
  //json文件转为es6
  json(),
  nodeResolve(),
  commonjs(),
  /* replace({
    'process.env.NODE_ENV': JSON.stringify('production')
  }), */
  typescript({
    objectHashIgnoreUnknownHack: false,
    check: false,
    include: '**/*.{ts,js}'
  }),
  vue({
    css: true,
    // Explicitly convert template to render function
    compileTemplate: true,
  }),
  buble({
    transforms: { asyncAwait: false }
  }),
  // babel({
  //   /*   
  //      */
  //   exclude: 'node_modules/**',
  //   extensions: ['.js', '.ts', '.vue', '.json']
  // }),
  //! rollup插件执行顺序问题
  postcss({
    // 把 css 插入到 style 中
    // 把 css 放到和js同一目录
    extract: true,
  }),
  // filesize()
]

// 如果不是生产环境，不开启压缩
// isDev || plugins.push(terser())

// packages 文件夹路径
const root = path.resolve(__dirname, 'packages')

/**
 * TODO 打包测试
 * 1. 打包的baseForm 放在demo
 * 2. 测试高级浏览器
 * 3. 用ie测试能否正常打开
 */

// const noRollup = ['chart', 'map', 'test']
const rollupList = ['baseForm', 'form', 'formItem', 'control']
module.exports = fs
  .readdirSync(root)
  // 过滤，只保留文件夹
  .filter((itemName) => fs.statSync(path.resolve(root, itemName)).isDirectory())
  // .filter(itemName => noRollup.indexOf(itemName) === -1)
  // ! 引入别的组件，没有打包的话，就是el-button，不被识别
  .filter(itemName => rollupList.indexOf(itemName) !== -1)
  // 为每一个文件夹创建对应的配置
  .map((itemName) => {
    // json文件作为模块
    const pkg = require(path.resolve(root, itemName, 'package.json'))
    return {
      // 入口
      input: path.resolve(root, itemName, 'index.ts'),
      // 出口
      output: [
        {
          exports: 'auto',
          // path.resolve拼接路径：package/input(formItem)/dist/cjs/index.js
          file: path.resolve(root, itemName, pkg.main),
          format: 'cjs',
        },
        {
          exports: 'auto',
          file: path.join(root, itemName, pkg.module),
          format: 'es',
        },
      ],
      plugins
    }
  })
